<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../utils/font/iconfont.css" />
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="../utils/bootstrap.min.css" />
    <script src="../utils/jquery-3.6.0.js"></script>
    <script src="../utils/bootstrap.min.js"></script>

    <link rel="stylesheet" href="../style/rules.css" />
  </head>
  <body>
    <div class="container">
      <div class="header">
        <h1>维修调度管理系统</h1>
        <div class="user">
          <img src="../images/user.png" class="img-circle" />
          <span>用户名</span>
        </div>
      </div>
      <div class="body">
        <div class="nav">
          <ul>
            <li>
              <span class="iconfont icon-control"></span>
              <span class="firstMenuText">控制台</span>
            </li>
            <li>
              <span class="iconfont icon-equipment"></span>
              <sp class="firstMenuText" an>装备管理</sp>
            </li>
            <li>
              <span class="iconfont icon-warehouse"></span>
              <sp class="firstMenuText" an>仓库管理</sp>
            </li>
            <li>
              <span class="iconfont icon-fix"></span>
              <span class="firstMenuText">维修管理</span>
            </li>
            <li>
              <span class="iconfont icon-personnel"></span>
              <span class="firstMenuText">人员管理</span>
            </li>
            <li>
              <span class="iconfont icon-data"></span>
              <span class="firstMenuText">数据统计</span>
            </li>
            <li>
              <span class="iconfont icon-technicalData"></span>
              <span class="firstMenuText">技术资料</span>
            </li>
            <li>
              <div
                class="firstMenu"
                data-toggle="collapse"
                data-target="#rulesMenu"
              >
                <span class="iconfont icon-rules"></span>
                <span class="firstMenuText">规章制度</span>
              </div>
              <ul class="secondMenu collapse" id="rulesMenu">
                <li><a href="./rules.html">法规类型</a></li>
                <li><a href="./ruleManagement.html">法规管理</a></li>
              </ul>
            </li>
            <li>
              <span class="iconfont icon-setting"></span>
              <span class="firstMenuText">系统管理</span>
            </li>
          </ul>
        </div>
        <div class="content">
          <div class="contentBox">
            <div class="title">
              <h2>法规分类</h2>
            </div>
            <div class="search form-inline">
              <div>
                <input
                  type="text"
                  class="form-control searchName"
                  placeholder="按名称搜索"
                />
                <input
                  type="text"
                  class="form-control searchNum"
                  placeholder="按数量搜索"
                />
                <input type="date" class="form-control startTime" />
                <span>至&nbsp;&nbsp;</span>
                <input type="date" class="form-control endTime" />
              </div>
              <div>
                <button class="btn btn-primary searchBtn">搜索</button>
                <button class="btn btn-success" id="addBtn">添加分类</button>
              </div>
            </div>
            <hr />
            <table class="table table-hover">
              <thead>
                <tr>
                  <th>ID</th>
                  <th>类别名称</th>
                  <th>文件数</th>
                  <th>更新时间</th>
                  <th>操作</th>
                </tr>
              </thead>
              <tbody></tbody>
            </table>
            <div class="paginationBox">
              <ul class="pagination">
                <li id="paginationLeft">
                  <a href="#">&laquo;</a>
                </li>
                <li id="paginationRight">
                  <a href="#">&raquo;</a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 模态框 -->
    <!-- 编辑 -->
    <div
      class="modal fade"
      id="editModal"
      tabindex="-1"
      role="dialog"
      aria-labelledby="editModalLabel"
    >
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <!-- 右上角的X -->
            <button
              type="button"
              class="close"
              data-dismiss="modal"
              aria-label="Close"
            >
              <span aria-hidden="true">&times;</span>
            </button>
            <h4 class="modal-title" id="editModalLabel">编辑</h4>
          </div>
          <div class="modal-body">
            <div class="form-group">
              <label for="editId">ID</label>
              <input
                disabled
                type="text"
                class="form-control"
                id="editId"
                placeholder="ID"
              />
            </div>
            <div class="form-group">
              <label for="editName">类别名称</label>
              <input
                type="text"
                class="form-control"
                id="editName"
                placeholder="类别名称"
              />
            </div>
            <div class="form-group">
              <label for="editNum">文件数</label>
              <input
                type="text"
                class="form-control"
                id="editNum"
                placeholder="文件数"
              />
            </div>
            <div class="form-group">
              <label for="editUpdateTime">上一次更新时间</label>
              <input
                disabled
                type="text"
                class="form-control"
                id="editUpdateTime"
                placeholder="更新时间"
              />
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">
              取消
            </button>
            <button type="button" class="btn btn-primary" id="editSave">
              保存
            </button>
          </div>
        </div>
      </div>
    </div>
    <!-- 新增 -->
    <div
      class="modal fade"
      id="addModal"
      tabindex="-1"
      role="dialog"
      aria-labelledby="addModalLabel"
    >
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <!-- 右上角的X -->
            <button
              type="button"
              class="close"
              data-dismiss="modal"
              aria-label="Close"
            >
              <span aria-hidden="true">&times;</span>
            </button>
            <h4 class="modal-title" id="addModalLabel">添加</h4>
          </div>
          <div class="modal-body">
            <div class="modal-body">
              <div class="form-group">
                <label for="addId">ID</label>
                <input
                  disabled
                  type="text"
                  class="form-control"
                  id="addId"
                  placeholder="ID"
                />
              </div>
              <div class="form-group">
                <label for="addName">类别名称</label>
                <input
                  type="text"
                  class="form-control"
                  id="addName"
                  placeholder="类别名称"
                />
              </div>
              <div class="form-group">
                <label for="addNum">文件数</label>
                <input
                  type="text"
                  class="form-control"
                  id="addNum"
                  placeholder="文件数"
                />
              </div>
              <div class="form-group">
                <label for="addUpdateTime">上一次更新时间</label>
                <input
                  disabled
                  type="text"
                  class="form-control"
                  id="addUpdateTime"
                  placeholder="更新时间"
                />
              </div>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">
              取消
            </button>
            <button type="button" class="btn btn-primary" id="addSave">
              保存
            </button>
          </div>
        </div>
      </div>
    </div>
    <script src="../js/rules.js"></script>
  </body>
</html>
